<!DOCTYPE html>
<!-- 
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 4
Author: KeenThemes
Website: http://www.keenthemes.com/
Contact: support@keenthemes.com
Follow: www.twitter.com/keenthemes
Dribbble: www.dribbble.com/keenthemes
Like: www.facebook.com/keenthemes
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
Renew Support: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
-->
<html lang="en" >
<!-- begin::Head -->
<head>
  <meta charset="utf-8" />
  <title>
    试管管家控制台
  </title>
  <meta name="description" content="Latest updates and statistic charts">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <!--begin::Web font -->


  <!--begin::Base Styles -->  
  <!--begin::Page Vendors -->

  <!--end::Base Styles -->
<!--     <link rel="shortcut icon" href="views/app/assets/demo/default/media/img/logo/favicon.ico" />
-->

</head>
<!-- end::Head -->
<!-- end::Body -->


<body  class="m-page--fluid m--skin- m-content--skin-light2 m-header--fixed m-header--fixed-mobile m-aside-left--enabled m-aside-left--skin-dark m-aside-left--offcanvas m-footer--push m-aside--offcanvas-default"  >
  <!-- begin:: Page -->


  <div class="m-grid m-grid--hor m-grid--root m-page">



    <!-- BEGIN: Header -->
    <header id="m_header" class="m-grid__item    m-header "  m-minimize-offset="200" m-minimize-mobile-offset="200" >
      <div class="m-container m-container--fluid m-container--full-height">
        <div class="m-stack m-stack--ver m-stack--desktop">
          <!-- BEGIN: Brand -->
          <div class="m-stack__item m-brand  m-brand--skin-dark ">
            <div class="m-stack m-stack--ver m-stack--general">
              <div class="m-stack__item m-stack__item--middle m-brand__logo">
                <a href="#" class="m-brand__logo-wrapper">
                  <img alt="" src="image/static/home.png"/> 
                </a>
              </div>
              <div class="m-stack__item m-stack__item--middle m-brand__tools">
                <!-- BEGIN: Left Aside Minimize Toggle -->
                <a href="javascript:;" id="m_aside_left_minimize_toggle" class="m-brand__icon m-brand__toggler m-brand__toggler--left m--visible-desktop-inline-block 
                ">
                <span></span>
              </a>
              <!-- END -->
              <!-- BEGIN: Responsive Aside Left Menu Toggler -->
              <a href="javascript:;" id="m_aside_left_offcanvas_toggle" class="m-brand__icon m-brand__toggler m-brand__toggler--left m--visible-tablet-and-mobile-inline-block">
                <span></span>
              </a>
              <!-- END -->
              <!-- BEGIN: Responsive Header Menu Toggler -->
              <a id="m_aside_header_menu_mobile_toggle" href="javascript:;" class="m-brand__icon m-brand__toggler m--visible-tablet-and-mobile-inline-block">
                <span></span>
              </a>
              <!-- END -->
              <!-- BEGIN: Topbar Toggler -->
              <a id="m_aside_header_topbar_mobile_toggle" href="javascript:;" class="m-brand__icon m--visible-tablet-and-mobile-inline-block">
                <i class="flaticon-more"></i>
              </a>
              <!-- BEGIN: Topbar Toggler -->
            </div>
          </div>
        </div>
        <!-- END: Brand -->
        <div class="m-stack__item m-stack__item--fluid m-header-head" id="m_header_nav">
          <!-- BEGIN: Horizontal Menu -->
          <button class="m-aside-header-menu-mobile-close  m-aside-header-menu-mobile-close--skin-dark " id="m_aside_header_menu_mobile_close_btn">
            <i class="la la-close"></i>
          </button>
          <top-bar></top-bar>
          <!-- END: Horizontal Menu -->               <!-- BEGIN: Topbar -->

          <!-- END: Topbar -->
        </div>
      </div>
    </div>
  </header>
  <!-- END: Header -->    
  <!-- begin::Body -->
  <div class="m-grid__item m-grid__item--fluid m-grid m-grid--ver-desktop m-grid--desktop m-body">
    <!-- BEGIN: Left Aside -->
    <button class="m-aside-left-close  m-aside-left-close--skin-dark " id="m_aside_left_close_btn">
      <i class="la la-close"></i>
    </button>
    <div id="m_aside_left" class="m-grid__item  m-aside-left  m-aside-left--skin-dark ">
      <side-bar></side-bar>
    </div>
    <!-- END: Left Aside -->
    <div class="m-grid__item m-grid__item--fluid m-wrapper">
      <!-- BEGIN: Subheader -->
      <div class="m-subheader ">
        <div class="d-flex align-items-center">
          <div class="mr-auto">
            <h3 class="m-subheader__title ">
              主页信息
            </h3>
          </div>
          <div>
                <!--span class="m-subheader__daterange" id="m_dashboard_daterangepicker">
                   <span class="m-subheader__daterange-label">
                    <span class="m-subheader__daterange-title"></span>
                    <span class="m-subheader__daterange-date m--font-brand"></span>
                  </span>
                  <a href="#" class="btn btn-sm btn-brand m-btn m-btn--icon m-btn--icon-only m-btn--custom m-btn--pill">
                    <i class="la la-angle-down"></i>
                  </a>
                </span> -->
              </div>
            </div>
          </div>
          <!-- END: Subheader -->
          <div class="m-content">
            <!--Begin::Section-->
            <div class="row">


              <div class="col-xl-12">
                <!--begin:: Packages-->
                <div class="m-portlet  m-portlet--bordered-semi m-portlet--full-height ">
                  <div class="m-portlet__head">
                    <div class="m-portlet__head-caption">
                      <div class="m-portlet__head-title">
                        <h3 class="m-portlet__head-text m--font-light">
                          平台信息
                        </h3>
                      </div>
                    </div>
                    <div class="m-portlet__head-tools">
                      <ul class="m-portlet__nav">
                        <li class="m-portlet__nav-item m-dropdown m-dropdown--inline m-dropdown--arrow m-dropdown--align-right m-dropdown--align-push" m-dropdown-toggle="hover">
                          <a href="#" class="m-portlet__nav-link m-dropdown__toggle dropdown-toggle btn btn--sm m-btn--pill m-btn btn-outline-light m-btn--hover-light">
                            {{today}}
                          </a>
                          <div class="m-dropdown__wrapper">
<!--                             <span class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust"></span>
                            <div class="m-dropdown__inner">
                              <div class="m-dropdown__body">
                                <div class="m-dropdown__content">
                                  <ul class="m-nav">
                                    <li class="m-nav__section m-nav__section--first">
                                      <span class="m-nav__section-text">
                                        Reports
                                      </span>
                                    </li>
                                    <li class="m-nav__item">
                                      <a href="" class="m-nav__link">
                                        <i class="m-nav__link-icon flaticon-share"></i>
                                        <span class="m-nav__link-text">
                                          Activity
                                        </span>
                                      </a>
                                    </li>
                                    <li class="m-nav__item">
                                      <a href="" class="m-nav__link">
                                        <i class="m-nav__link-icon flaticon-chat-1"></i>
                                        <span class="m-nav__link-text">
                                          Messages
                                        </span>
                                      </a>
                                    </li>
                                    <li class="m-nav__item">
                                      <a href="" class="m-nav__link">
                                        <i class="m-nav__link-icon flaticon-info"></i>
                                        <span class="m-nav__link-text">
                                          FAQ
                                        </span>
                                      </a>
                                    </li>
                                    <li class="m-nav__section m-nav__section--first">
                                      <span class="m-nav__section-text">
                                        Export
                                      </span>
                                    </li>
                                    <li class="m-nav__item">
                                      <a href="" class="m-nav__link">
                                        <i class="m-nav__link-icon flaticon-lifebuoy"></i>
                                        <span class="m-nav__link-text">
                                          PDF
                                        </span>
                                      </a>
                                    </li>
                                    <li class="m-nav__item">
                                      <a href="" class="m-nav__link">
                                        <i class="m-nav__link-icon flaticon-lifebuoy"></i>
                                        <span class="m-nav__link-text">
                                          Excel
                                        </span>
                                      </a>
                                    </li>
                                    <li class="m-nav__item">
                                      <a href="" class="m-nav__link">
                                        <i class="m-nav__link-icon flaticon-lifebuoy"></i>
                                        <span class="m-nav__link-text">
                                          CSV
                                        </span>
                                      </a>
                                    </li>
                                  </ul>
                                </div>
                              </div>
                            </div> -->
                          </div>
                        </li>
                      </ul>
                    </div>
                  </div>
                  <div class="m-portlet__body">
                    <!--begin::Widget 29-->
                    <div class="m-widget29" style="position: relative;height:60vh;">
                      <a href="/">
                        <div class="m-widget_content " style="width: 30%;float: left;height: 155px;background-color: #F2F3F8;border:1px solid black;">
                          <h3 class="m-widget_content-title">
                            总用户数（小程序用户)
                          </h3>
                          <div class="m-widget_content-items">

                            <div class="m-widget_content-item">
                              <span>
                                总共
                              </span>

                              <span class="m--font-accent">
                                 {{totalUser}}人
                              </span>

                            </div>

                            <div class="m-widget_content-item">
                              <span>
                                今日变化
                              </span>
                              <span class="m--font-brand">
                                {{totalUserChange}}%
                              </span>
                            </div>
                          <!-- <div class="m-widget_content-item">
                            <span>
                              Licenses
                            </span>
                            <span>
                              29
                            </span>
                          </div> -->
                        </div>
                      </div>
                    </a>
                   <!--  <a href="/user_list">
                      <div class="m-widget_content" style="width: 30%;float: left;margin-left:2%;height: 155px;background-color: #F2F3F8;border:1px solid black;">
                        <h3 class="m-widget_content-title">
                          今日预约数
                        </h3>
                        <div class="m-widget_content-items">

                          <div class="m-widget_content-item">
                            <span>
                              总共
                            </span>
                            
                            <span class="m--font-accent">
                             {{totalTestTubeUser}}人
                           </span>

                         </div>

                         <div class="m-widget_content-item">
                          <span>
                            今日变化
                          </span>
                          <span class="m--font-brand">
                            {{totalTestTubeUserChange}}%
                          </span>
                        </div>

                      </div>
                    </div> -->
                  </a>
<!--                   <a href="/order_list?condition=unprocessed">
                    <div class="m-widget_content" style="width: 30%;float:left;margin-left:2%;height: 155px;background-color: #F2F3F8;border:1px solid black;"> 
                      <h3 class="m-widget_content-title">
                        今日预约数
                      </h3>

                      <div class="m-widget_content-items">
                        <div class="m-widget_content-item">
                          <span>
                            总共
                          </span>
                          <span class="m--font-accent">
                           {{todayCount}}单
                         </span>
                       </div>
                       <div class="m-widget_content-item">
                        <span>
                          变化
                        </span>
                        <span class="m--font-brand">
                          {{totalRate}}%
                        </span>
                      </div>


                    </div>

                  </div>
                </a> -->
<!-- 
                <a href="/order_list?condition=unprocessed">
                  <div class="m-widget_content" style="width: 30%;clear:both;float:left;height: 155px;margin-top: 20px;background-color: #F2F3F8;border:1px solid black;"> 
                    <h3 class="m-widget_content-title">
                      今日预约到店率
                    </h3>

                    <div class="m-widget_content-items">
                      <div class="m-widget_content-item">
                        <span>
                          _
                        </span>
                        <span class="m--font-brand">
                         {{arrivalRate}}%
                       </span>
                     </div>

                   </div>

                 </div>
               </a> -->


<!--                <a href="/order_list?condition=edberror">
                <div class="m-widget_content" style="width: 30%;float: left;height: 155px;margin-top: 20px;margin-left:2%;background-color: #F2F3F8;border:1px solid black;">
                  <h3 class="m-widget_content-title">
                    今天明星门店
                  </h3>

                  <div class="m-widget_content-items">
                    <div class="m-widget_content-item">
                      <span>
                        店名
                      </span>
                      <span class="m--font-brand">
                        暂未开通
                      </span>
                    </div>
                  </div>

                </div>

              </a> -->
              <!-- <a href="/return_request">

               <div class="m-widget_content" style="width: 30%;float: left;margin-left:2%;height: 155px;margin-top: 20px;background-color: #F2F3F8;border:1px solid black;">
                <h3 class="m-widget_content-title">
                  今天增长最快门店
                </h3>
                <div class="m-widget_content-items">
                  <div class="m-widget_content-item">
                    <span>
                      店名
                    </span>
                    <span class="m--font-brand">
                      暂未开通
                    </span>
                  </div>
                </div>
              </div>
            </a> -->

          </div>
        </div>      

        <!--end::Widget 29-->
      </div>
    </div>
    <!--end:: Packages-->
  </div>
</div>
<!--End::Section-->
<!--Begin::Section-->

<!--end:: Widgets/Tasks -->
</div>
</div>
</div>
<div class="col-xl-6">
  <!--begin:: Widgets/Support Tickets -->

  <!--end:: Widgets/Authors Profit-->
</div>
</div>
<!--End::Section-->
</div>
</div>
</div>
<!-- end:: Body -->
<!-- begin::Footer -->
<bottom-footer></bottom-footer>
<!-- end::Footer -->
</div>
<!-- end:: Page -->
<!-- begin::Quick Sidebar -->

<!-- end::Quick Sidebar -->       
<!-- begin::Scroll Top -->
<div id="m_scroll_top" class="m-scroll-top">
  <i class="la la-arrow-up"></i>
</div>
<!-- end::Scroll Top -->        <!-- begin::Quick Nav -->

<!-- begin::Quick Nav --> 
<!--begin::Base Scripts -->

<!--end::Page Snippets -->
</body>


<!-- end::Body -->
</html>
